<template>
  <!--图标样式-->
  <link
    rel="stylesheet"
    type="text/css"
    href="/fonts/font-awesome-4.7.0/css/font-awesome.min.css"
  />

  <!--布局框架-->
  <link rel="stylesheet" type="text/css" href="/css/util.css" />

  <!--主要样式-->
  <link rel="stylesheet" type="text/css" href="/css/main.css" />

  <div class="limiter">
    <div
      class="container-login100"
      style="background-image: url('/images/img-01.jpg')"
    >
      <div class="wrap-login100 p-t-190 p-b-30">
        <div class="login100-form validate-form">
          <div class="login100-form-avatar">
            <img src="/images/avatar-01.jpg" alt="AVATAR" />
          </div>

          <span class="login100-form-title p-t-20 p-b-45">Hello</span>

          <div
            class="wrap-input100 validate-input m-b-10"
            data-validate="请输入用户名"
          >
            <input
              class="input100"
              type="text"
              name="username"
              placeholder="用户名"
              autocomplete="off"
              v-model="username"
            />
            <span class="focus-input100"></span>
            <span class="symbol-input100">
              <i class="fa fa-user"></i>
            </span>
          </div>

          <div
            class="wrap-input100 validate-input m-b-10"
            data-validate="请输入密码"
          >
            <input
              class="input100"
              type="password"
              name="pass"
              placeholder="密码"
              v-model="password"
            />
            <span class="focus-input100"></span>
            <span class="symbol-input100">
              <i class="fa fa-lock"></i>
            </span>
          </div>

          <div class="container-login100-form-btn p-t-10" @click="register">
            <button class="login100-form-btn">注 册</button>
          </div>

          <div class="text-center w-full p-t-25 p-b-230">
            <a href="index.html#" class="txt1">忘记密码？</a>
          </div>

          <div class="text-center w-full">
            <a class="txt1" href="index.html#">
              立即登陆
              <i class="fa fa-long-arrow-right"></i>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
import { ref } from 'vue';
import {POST} from  '@/services/request.js'

var username = ref("");
var password = ref("");

const register = async() => {
  // console.log('11111111111')
  var data = {
    username: username.value,
    password: password.value,
  };

  const result = await POST({
    url:'/index/login',
    params:data
  })
  console.log(data, "111111");
};
</script>

<style>
</style>